<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>邳州不动产登记微服务</title>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>

<!--css-->
<link rel="stylesheet" href="../css/ydui.css?rev=@@hash"/>
<link rel="stylesheet" href="../css/demo.css"/>
<link rel="stylesheet" href="../css/jquery.step.css"/>
<link rel="stylesheet" href="../css/style.css"/>
</head>
<body>
<section class="g-flexview" id="myStep">
  <header class="m-navbar"> <a href="../index.html" class="navbar-item"><i class="back-ico"></i></a>
    <div class="navbar-center"><span class="navbar-title">忘记密码</span></div>
  </header>
  <div class="step-header">
    <ul>
      <li>
        <p>验证身份</p>
      </li>
      <li>
        <p>设置新密码</p>
      </li>
      <li>
        <p>完成</p>
      </li>
    </ul>
  </div>
  <section class="g-scrollview">
    <div class="step-body">
      <div class="step-content">
        <div class="step-list">
          <div class="m-cell">
            <div class="cell-item">
              <div class="cell-left">手机号码：</div>
              <div class="cell-right">
                <input type="text" class="cell-input" placeholder="请输入手机号码" autocomplete="off" />
              </div>
            </div>
            <div class="cell-item">
              <div class="cell-left">验证码：</div>
              <div class="cell-right">
                <input type="number" pattern="[0-9]*" class="cell-input" placeholder="请输入验证码" autocomplete="off" />
                <a href="javascript:;" class="btn btn-warning">获取验证码</a> </div>
            </div>
          </div>
          <div class="m-button"> <a href="javascript:;" class="btn-block btn-primary nextBtn">下一步</a> </div>
        </div>
        <div class="step-list">
          <div class="m-cell">
            <div class="cell-item">
              <div class="cell-left">新密码：</div>
              <div class="cell-right">
                <input type="text" class="cell-input" placeholder="请输入新密码" autocomplete="off" />
              </div>
            </div>
            <div class="cell-item">
              <div class="cell-left">确认密码：</div>
              <div class="cell-right">
                <input type="number" pattern="[0-9]*" class="cell-input" placeholder="请再次输入新密码" autocomplete="off" />
              </div>
            </div>
          </div>
          <div class="m-button m-button-2">
            <div class="btn-item"> <a href="javascript:;" class="btn-block btn-primary preBtn">上一步</a> </div>
            <div class="btn-item"> <a href="javascript:;" class="btn-block btn-primary nextBtn">下一步</a> </div>
          </div>
        </div>
        <div class="step-list">
          <div class="step-success"><img src="../images/success-icon.png" >
            <h4>感谢您，修改成功！</h4>
            <div class="text-center"><p class="timetz">3s</p>后，自动跳转至登录页面！</div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <a href="login.html" class="btn-block btn-hollow">返回登录</a>
</section>

<!--js--> 
<script src="../js/jquery.min.js"></script> 
<script src="../js/ydui.js"></script> 
<script src="../js/ydui.flexible.js"></script> 
<!--步骤--> 
<script src="../js/jquery.step.js"></script>
</body>
</html>
